.s_stepper {
    display: flex;
    align-items: center;

    .operation {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 50rpx;
        height: 50rpx;
        color: #333;
        font-size: 0;
        border-radius: 4rpx;
        background: #f7f7f9;

        &.minus {
            .text {
                transform: scaleX(1.8);
            }
        }

        &.disabled {
            .text {
                color: #c4c4c4;
            }
        }

        .text {
            font-size: 32rpx;
        }
    }

    .input {
        margin: 0 10rpx;
        text-align: center;
        width: 70rpx;
        height: 50rpx;
        background-color: #f7f7f9;
        border-radius: 4rpx;
    }
}

.tapstate_mark {
    position: relative;
}

.tapstate_mark::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.1;
    background: #000;
    border-radius: inherit;
}
